<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>电子发票配置</title>
  <link rel="stylesheet" type="text/css" href="../../../themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="../../../themes/icon.css">
  <script type="text/javascript" src="../../../easyui/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../easyui/js/jquery.easyui.min.js"></script>
  <style>
    * {
      padding: 0;
      margin: 0;
    }
    a {
        display: inline-block;
        text-decoration: none;
        color: #000;
        padding: 0;
        margin: 0;
    }
    .content {
      height: 100vh;
      padding: 30px;
      box-sizing: border-box;
    }
    .formBox {
      height: calc(100vh - 300px);
      display: flex;
    }
    .formBox .left {
      width: 30%;
    }
    .formBox .right {
      width: 70%;
    }
    .content .form-item {
      margin-bottom: 20px;
    }
    .form-item label {
      display: inline-block;
      width: 100px;
      text-align: right;
      margin-right: 10px;
    }
    .btn {
      width: 80px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      color: #fff;
      font-size: 16px;
      background: rgba(64, 158, 255, 1);
      border-radius: 10px;
      margin-right: 50px;
    }
    p {
      font-size: 13px;
      margin-bottom: 10px;
    }
  </style>
</head>
<body>
  <div class="content">
    <h2 style="margin-bottom: 50px;"> 新增开票申请</h2>
    <div class="formBox">
      <div class="left">
        <form id="ff" method="post">
          <div class="form-item">
            <label for="email">开票对象:</label>
            <select id="cc" class="easyui-combobox" placeholder="选择选项" name="dept" style="width:270px;height: 30px;">
                <option value="a">选择选项</option>
                <option>企业</option>
                <option>个人</option>
            </select>
          </div>
          <div class="form-item">
            <label for="email">开票类型:</label>
            <select id="cc" class="easyui-combobox" placeholder="选择选项" name="dept" style="width:270px;height: 30px;">
                <option value="a">选择选项</option>
                <option>增值税专用发票(纸质发票)</option>
                <option>增值税专用发票(电子发票)</option>
                <option>增值税普通发票(纸质发票)</option>
                <option>增值税普通发票(电子发票)</option>
            </select>
          </div>
          <div class="form-item">
            <label for="email">开票订单类型:</label>
            <select id="cc" class="easyui-combobox" placeholder="选择选项" name="dept" style="width:270px;height: 30px;">
                <option value="a">选择选项</option>
                <option>个人体检</option>
                <option>团检</option>
                <option>会员卡</option>
                <option>增值税普通发票(电子发票)</option>
            </select>
          </div>
          <div class="form-item">
              <label for="name">发票抬头:</label>
              <input class=" easyui-validatebox" placeholder="输入内容" type="text" name="name" data-options="required:false" style="width: 270px;height: 30px;padding-left: 5px;"/>
          </div>
          <div class="form-item">
            <label for="name">税号:</label>
            <input class=" easyui-validatebox" placeholder="输入内容" type="text" name="name" data-options="required:false" style="width: 270px;height: 30px;padding-left: 5px;"/>
          </div>
          <div class="form-item">
            <label for="name">开户行:</label>
            <input class=" easyui-validatebox" placeholder="输入内容" type="text" name="name" data-options="required:false" style="width: 270px;height: 30px;padding-left: 5px;"/>
          </div>
          <div class="form-item">
            <label for="name">银行账号:</label>
            <input class=" easyui-validatebox" placeholder="输入内容" type="text" name="name" data-options="required:false" style="width: 270px;height: 30px;padding-left: 5px;"/>
          </div>
          <div class="form-item">
            <label for="name">地址:</label>
            <input class=" easyui-validatebox" placeholder="输入内容" type="text" name="name" data-options="required:false" style="width: 270px;height: 30px;padding-left: 5px;"/>
          </div>
          <div class="form-item">
            <label for="name">联系电话:</label>
            <input class=" easyui-validatebox" placeholder="输入内容" type="text" name="name" data-options="required:false" style="width: 270px;height: 30px;padding-left: 5px;"/>
          </div>
          <div class="form-item">
            <label for="name">开票金额:</label>
            <input class=" easyui-validatebox" placeholder="输入内容" type="text" name="name" data-options="required:false" style="width: 270px;height: 30px;padding-left: 5px;"/>
          </div>
          <div class="form-item">
            <label for="name">备注:</label>
            <input class=" easyui-validatebox" placeholder="输入内容" type="textarea" row="5" name="name" data-options="required:false" style="width: 270px;height: 30px;padding-left: 5px;"/>
          </div>
      </form>
  
      </div>
      <div class="right">
        <p>关联订单: <a href="./relationInvoice.html" style="color: rgba(64, 158, 255, 1);">添加管理订单</a></p>
        <p>注：仅支持同类型订单的多个合并开票</p>        <div class="content_buttom">
          <table class="easyui-datagrid" data-options="ctrlSelect:true,pagination:true" style="width: 1002px;">
              <thead>
                  <tr>
                      <th data-options="field:'a1',width:200,align:'center'">订单号</th>
                      <th data-options="field:'a2',width:100,align:'center'">订单类型</th>
                      <th data-options="field:'a3',width:200,align:'center'">主体</th>
                      <th data-options="field:'a4',width:100,align:'center'">结算金额</th>
                      <th data-options="field:'a5',width:100,align:'center'">未开票金额</th>
                      <th data-options="field:'a6',width:200,align:'center'">本次申请</th>
                      <th data-options="field:'a7',width:100,align:'center'">操作</th>
                  </tr>
              </thead>
              <tbody>
                <tr>
                  <td>1561651651616</td>
                  <td>团检</td>
                  <td>山西信息科技公司</td> 
                  <td>100000.00</td>
                  <td>0</td>
                  <td>
                    <input type="text" style="width: 150px;">
                  </td>
                  <td>
                    <a href="#" style="color: red;">删除</a>
                  </td>
                </tr>
                <tr>
                  <td>1561651651616</td>
                  <td>团检</td>
                  <td>山西信息科技公司</td> 
                  <td>100000.00</td>
                  <td>0</td>
                  <td>
                    <input type="text" style="width: 150px;">
                  </td>
                  <td>
                    <a href="#" style="color: red;">删除</a>
                  </td>
                </tr>
                <tr>
                  <td>1561651651616</td>
                  <td>团检</td>
                  <td>山西信息科技公司</td> 
                  <td>100000.00</td>
                  <td>0</td>
                  <td>
                    <input type="text" style="width: 150px;">
                  </td>
                  <td>
                    <a href="#" style="color: red;">删除</a>
                  </td>
                </tr>
                <tr>
                  <td>1561651651616</td>
                  <td>团检</td>
                  <td>山西信息科技公司</td> 
                  <td>100000.00</td>
                  <td>0</td>
                  <td>
                    <input type="text" style="width: 150px;">
                  </td>
                  <td>
                    <a href="#" style="color: red;">删除</a>
                  </td>
                </tr>
                <tr>
                  <td>1561651651616</td>
                  <td>团检</td>
                  <td>山西信息科技公司</td> 
                  <td>100000.00</td>
                  <td>0</td>
                  <td>
                    <input type="text" style="width: 150px;">
                  </td>
                  <td>
                    <a href="#" style="color: red;">删除</a>
                  </td>
                </tr>                <tr>
                  <td>1561651651616</td>
                  <td>团检</td>
                  <td>山西信息科技公司</td> 
                  <td>100000.00</td>
                  <td>0</td>
                  <td>
                    <input type="text" style="width: 150px;">
                  </td>
                  <td>
                    <a href="#" style="color: red;">删除</a>
                  </td>
                </tr>

  
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <div  style="width: 1200px; margin: 10px auto;text-align: center;">
      <a href="#" class="btn" style="border: 1px solid #ccc;background: white; color: #000;">取消</a>
      <a href="#" class="btn">保存</a>
    </div>
  </div>
</body>
</html>
